<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <link th:href="@{/static/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
    <script th:src="@{/static/util/js/jquery-2.1.0.js}"></script>
    <link th:href="@{/static/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
    <link th:href="@{/static/imgUpload/css/fileinput.css}" media="all" rel="stylesheet" type="text/css"/>
    <script th:src="@{/static/imgUpload/js/fileinput.js}" type="text/javascript"></script>
    <script th:src="@{/static/imgUpload/js/locales/zh.js}" type="text/javascript"></script>
</head>
<body>
<div class="container">
    <div class="row" style="margin-top: 10px">
        <form class="col-sm-10 col-sm-offset-1" enctype="multipart/form-data" th:action="@{/noteBook/editImg}"
              method="post">
            <input type="text" name="id" th:value="${noteBook.id}" hidden="hidden"/>


            <img class="center-block img-thumbnail" th:src="${noteBook.img}" width="100px"/>
            <br/>

            <br/>
            <input id="file-zh" class="file" type="file" multiple="multiple" name="myfile"/>
        </form>
    </div>
</div>
<script>
    $('#file-zh').fileinput({
        language: 'zh',
        allowedFileExtensions: ['jpg', 'gif', 'png'],//接收的文件后缀
        minImageWidth: 150, //图片的最小宽度
        minImageHeight: 150,//图片的最小高度
        maxImageWidth: 150,//图片的最大宽度
        maxImageHeight: 150,//图片的最大高度
    });
</script>
</body>
</html>